/* 添加的样式 */
/* 顶部搜索框样式 */
.search-container {
    display: flex;
    justify-content: space-between; /* 修改为space-between以分配空间 */
    padding: 1rem;
    background-color: hsl(0, 0%, 100%);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 4px hsla(0, 0%, 100%, 0.102);
}

/* 新增样式，用于包裹输入框和按钮的div */
.search-input-container {
    display: flex;
    align-items: center; /* 使按钮和输入框垂直居中 */
}

#headerInput {
    color: blue;
    font-size: 10px;
    text-align: left;
    width: 150px;
    margin-right: 10px; /* 可选，为输入框与按钮之间添加间距 */
}


.search-container input[type="text"] {
    width: 70%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.green-button {
    background-color: green;
    color: white;
    border: none;
    width: 40px; /* 指定宽度 */
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    padding: 0.2rem;
    border-radius: 4px;
}

/**/
/* CSS 文件 (styles.css) */
.slideshow-container{
     float: right;
     width: 80%;
     height: 1800ox;
     background-color: black;
    }
.mySlides {
   display: none;
    }
    
.fade {
     animation: fadeEffect 1.5s;
    }
    
@keyframes fadeEffect {
     from { opacity: 0.4; }
     to { opacity: 1; }
    }

